import MulRoutes from "@/views/mulRouters/index.vue";
import MainPage from "@/views/mulRouters/Main/index.vue";
import ContentPage from '@/views/mulRouters/Content/index.vue';
import PersonalPage from "@/views/mulRouters/Personal/index.vue";
import SingerDetail from "@/views/mulRouters/SingerDetail/index.vue";

export const mulRoutes:any = [
    {
        path: '/mulRoutes',
        component: MulRoutes,
        children:[
            {
                path: 'main',
                name: 'main',
                component: MainPage
            },
            {
                path: 'content',
                name: 'content',
                component: ContentPage,
                children:[
                    {
                        path: 'detail',
                        name: 'detail',
                        component: SingerDetail,
                        // props 接收params
                        // props:true

                        // props 接收query
                        props(route:any){
                            return route.query;
                        }
                    }
                ]
            },
            {
                path: 'personal',
                name: 'personal',
                component: PersonalPage
            }
        ]
    },
    {
        path: '/',
        redirect: '/mulRoutes/main'
    }
]